<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dashboard - Easy Test Plan</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" type="text/css" media="all">
    <link rel="stylesheet" href="dashboard.css" type="text/css" media="all">
    <script src="http://www.google.com/jsapi"></script>
    <script src="js/dashboard.js"></script>
    
</head>
<body>

<div id="header-wrapper" class="ui-corner-all ui-widget-header">
    <h1>Dashboard</h1>
</div>

<div id="dashboard-wrapper">

	<div id="user-session"></div>
	
    <h3><a id="projects-wrapper-title" href="#">Project Overview</a></h3>
    <div id="projects-wrapper"></div>

    <div id="planner-wrapper" class="ui-corner-all ui-widget-content">
        <h3></h3>
        <div id="planner-options">
            <button id="show-add-test-case">Create test case</button>
            <button>Migrate to new release</button>
        </div>
        <div id="create-test-case-wrapper">
            <form id="create-test-case-form" class="ui-corner-all">
                <label>Title<br>
                    <input id="new-test-case-title" type="text" name="title" class="ui-widget-content">
                </label><br>
                <label>Description<br>
                    <textarea id="new-test-case-desc" class="ui-widget-content" name="desc" cols="20" rows="3"></textarea>
                </label><br>
                <label>Steps<br>
                    <textarea id="new-test-case-steps" class="ui-widget-content" name="steps" cols="20" rows="3"></textarea>
                </label><br>
                <label>Expected results<br>
                    <textarea id="new-test-case-expect" class="ui-widget-content" name="expect" cols="20" rows="3"></textarea>
                </label>
                <input id="new-test-case-plan" type="hidden" name="plan">
                <input type="hidden" name="action" value="addCase">
            </form>
            <button id="submit-new-test-case">Save</button>
            <button id="cancel-new-test-case">Cancel</button>
        </div>
        <div id="planner-test-case-wrapper" class=""></div>
    </div>

    <div id="tool-bar" class="ui-widget-header ui-corner-all">
        <button id="create-project">Create Project</button>
        <button id="add-test-plan">Add Test Plan</button>
    </div>
    
</div>



<hr width="80%">
<div id="footer-wrapper">
    Easy Test Planner
</div>

<div id="create-test-plan-dialog" title="New Test Plan">
    <form id="new-test-plan-form">
        <table cellpadding="2" cellspacing="2">
            <tr>
                <th>Project</th>
                <td><span id="new-test-plan-project"></span><input type="hidden" name="project"></td>
            </tr>
            <tr>
                <th><label for="new-test-plan-name">Name</label></th>
                <td><input type="text" id="new-test-plan-name" class="ui-widget-content" name="name"></td>
            </tr>
            <tr>
                <th><label for="new-test-plan-desc">Description</label></th>
                <td><textarea id="new-test-plan-desc" class="ui-widget-content" rows="3" name="desc"></textarea></td>
            </tr>
            <tr>
                <th><label for="new-test-plan-release">Release</label></th>
                <td><select id="new-test-plan-release" class="ui-widget-content" name="release"></select></td>
            </tr>
        </table>
        <input type="hidden" name="action" value="create" >
    </form>
</div>


</body>
</html>